@charset "utf-8";

em,i{font-style: normal;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}

.header .head_top{width: 100%;height: 35px;line-height: 35px;background: #f8f8f8;color: #666;font-size: 14px;border-bottom: 1px solid #ececec;}
.header .head_top a{color: #666}
.header .head_body .logo img{height: 100px;margin: 15px 0;}
.header .head_tel{height: 60px;margin: 35px 0;padding-left: 60px;background:url(../images/tel.png) no-repeat center left;}
.header .head_tel p{height:25px;line-height: 25px;display: block;font-size: 15px;}
.header .head_tel b{font-size: 26px;font-family: Arial;display: inline-block;line-height: 30px;color: #dd0000}


nav{width: 100%;position: relative;z-index: 9999999;}
.flexnav {*zoom: 1;-webkit-transition: 0;-moz-transition: 0;-o-transition: 0;transition: 0;-webkit-transform-style: preserve-3d;overflow: hidden;margin: 0 auto;max-height: 0;}
.flexnav:after {content: "";display: table;clear: both;}
.flexnav.show {max-height: 2000px;-webkit-transition: 1s;-moz-transition: 1s;-o-transition: 1s;transition: 1s;position: absolute;background: #dfdfdf;}
.flexnav.one-page {position: fixed;top: 50px;right: 5%;max-width: 200px;}
.flexnav li {font-size: 100%;position: relative;overflow: hidden;border-bottom: 1px solid #eee;}
.flexnav li a {position: relative;display: block;overflow: hidden;color: #333;line-height: 50px;text-align: center;font-size: 16px}
.flexnav li ul {width: 100%;}
.flexnav li ul li {font-size: 100%;position: relative;overflow: hidden;border-bottom: 1px solid #fff;}
.flexnav li ul.show li {overflow: visible;}
.flexnav li ul li a {display: block;background: rgba(255,255,255,0.8);}
.flexnav ul li ul li a {background: #bfbfbc;}
.flexnav ul li ul li ul li a {background: #cbcbc9;}
.flexnav .touch-button {position: absolute;z-index: 999;top: 0;right: 0;width: 50px;height: 50px;display: inline-block;background: #acaca1;background: rgba(0, 0, 0, 0.075);text-align: center;}
.flexnav .touch-button:hover {cursor: pointer;}
.flexnav .touch-button .navicon {position: relative;top: 1.4em;font-size: 12px;color: #666;}
/*header end*/

/*banner start*/
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url("../images/themes.gif") no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}
/*banner end*/

/*search start*/
.search{height: 70px;width: 100%;background: #f1f1f1;overflow: hidden;border-bottom: 1px solid #dfdfdf;border-top: 1px solid #dfdfdf}
.search .tel{color: #fff;font-size: 15px;line-height: 70px;float: left;padding-left: 15px;}
.search .tel b{font-size: 19px;color: #DD0000}
.search .tel a{display: inline-block;padding: 0 10px;}
.search .sear{float: right;padding-top: 11px;}
.search form{width: 500px;}
.search_form{position:relative; height:41px; margin:5px 0;display:block;}
.sinput{float:left; width:400px; height:39px; line-height:31px; padding:4px 7px; color:#b3b3b3; border:1px solid #cfcfcf; border-radius:2px 0 0 2px; background-color:#fbfbfb;outline: none;}
.sbtn{float:left; width:80px; height:39px; padding:0 12px; margin-left:-1px; border-radius:0 2px 2px 0; border:1px solid #3FA5ED; background-color:#3FA5ED; cursor:pointer; display:inline-block; font-size:16px; font-family: 微软雅黑;vertical-align:middle; color:#f3f7fc;position:absolute; _left:270px; _top:0}
/*search end*/


.title{text-align: center;width: 600px;height: 100px;padding-top: 10px;margin: 0 auto;padding-left: 100px;background:url(../images/titlebg.png) no-repeat center;}
.title b{font-size: 36px;color: #DD0000;display: block;height: 40px;line-height: 40px;}
.title b span{color: #3FA5ED}
.title p{text-align: center;line-height: 20px;letter-spacing: 1px;display: block;padding: 10px 0 20px;}

/*product start*/
.product{padding: 50px 0}
.pro_l{padding: 120px 0 0;background: url(../images/pl_top.png) no-repeat center top #e6e6e6;margin-top: 10px}
.pro_list{padding:15px 0 10px;border: 8px solid #3FA5ED;}
.pro_list > li{width: 86%;margin: 18px auto;background:url(../images/lx1.png) no-repeat 10px center #3FA5ED;line-height: 45px;padding-left: 35px;position: relative;font-size: 16px;}
.pro_list > li a{color: #fff}
.pro_list > li:hover {background:url(../images/lx1.png) no-repeat 10px center #F0A20F;}
.pro_list > li:hover > a{color: #fff;display: block;}
.pro_list ul.erji{display:none;position: absolute;left: 100%;top: 0px;background: rgba(0,0,0,0.5);font-size: 15px;z-index: 9999}
.pro_list ul.erji li{min-width: 150px;line-height: 30px;border-bottom:1px dashed #aaa; margin: 0px 15px;}
.pro_list ul.erji li a{color: #fff;display: block;}
.pro_list > li:hover ul.erji {display: block;}

.lx_box{width: 100%;padding: 30px 30px 20px;height: 270px;background: url(../images/lxbg.jpg) no-repeat center;text-align: center;}
.lx_box b{color: #fff;text-align: center;line-height: 40px;font-size: 30px;}
.lx_box p{color: #fff;line-height: 180%;display: block;    padding-top: 5px;font-size: 17px;font-weight: bold;}
.lx_box p span{display: block;padding-left: 67px;}
.pro_l .lx_box p.p1{padding-left: 68px}



.pro_r{padding: 0 0 0 10px}
.pro_rlist{ width: 100%;}
.pro_rlist li{padding: 10px}
.pro_rlist li .proimg_box{border:2px solid #efefef;padding: 10px;}
.pro_rlist li .img{background: #000;overflow: hidden;}
.pro_rlist li .img img{opacity: 0.93;width: 100%;display: block;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in;}
.pro_rlist li:hover .img img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.pro_rlist li:hover .proimg_box{background: #3FA5ED}
.pro_rlist li p{text-align: center;font-size: 16px;display: block;line-height:40px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_rlist li:hover p{color: #fff}
.pro_rlist li .more{width: 100%;height: 30px;line-height: 30px;background: url(../images/morebg1.jpg) no-repeat center;}
.pro_rlist li .more a{display: inline-block;width:50%;line-height: 30px;color: #fff;text-align: center;font-size: 14px}
.pro_rlist li:hover .more{background: url(../images/morebg.jpg) no-repeat center;}
/*product end*/

/*login start*/
.login{background: #ccc;position: relative;}
.login img.jt{position: absolute;z-index: 9999;top: calc(50% - 17px);left: calc(50% - 17px)}
.login_l {height: 160px;background: #3FA5ED;text-align: center;}
.login_l b{display: block;color: #fff;font-size: 26px;letter-spacing: 1px;line-height: 240%;padding-top: 15px}
.login_l b span{color: #F0A20F}
.login_l p{color: #fff;font-size: 16px;text-align: center;}
.login_r {height: 160px;background: #3791DD;}

.inputs{width: 70%;padding-left:40px;float: left;padding-top: 10px}
.inputs input{background: #fff url(../images/login-sprite.png) no-repeat;padding: 9px 15px 9px 30px;margin: 0 0 20px 0;width: 85%; border: 1px solid #eaeaea;height: 45px;}
#company{background-position: 5px -34px !important;}
#name{background-position: 5px 5px !important;}
#tel{background-position: 5px -60px !important;}
.inputs input:focus{outline: none;}

.submit{width: 30%;float: left;padding-top: 5px}
.submit .input-code {outline: none;width: 80%;height: 35px;line-height: 35px;border: none;text-indent: 10px;border: 1px solid #eaeaea;}
.indexcode{vertical-align: top;height: 35px;margin-top: 8px;width: 80%}
.submit .btn_sub{display: block;width: 80%;height: 35px;background: #f0a20f;padding: 0;border:none;color: #fff;font-size: 15px;margin-top: 8px;}
/*login end*/

/*company start*/
.company{padding: 55px 0;position: relative;background: url(../images/combg.jpg) no-repeat center;}
.company .title{position: relative;top: 40px;left: 140px}
.company .title p{font-size: 17px;line-height: 200%}
.company .com_body {margin-top: -90px}
.company .com_body .com_l{padding: 0;}
.company .com_body .com_l .cl_top{width: 100%;height: 150px;background: url(../images/comtitbg.jpg) no-repeat center;background-size: cover;}
.company .com_body .com_l .cl_top b{font-size: 56px;color: #fff;line-height: 56px;opacity: 0.6;display: block;padding: 20px 0 0 30px;letter-spacing: 5px}
.company .com_body .com_l img{width: 100%}
.company .com_body .com_r{height: 300px;background: #fff;padding: 0;margin-top: 150px;padding: 30px;}
.company .com_body .com_r i{color: #333;font-size: 20px;display: block;display: block;line-height: 20px;margin-bottom: 15px}
.company .com_body .com_r p{font-size: 15px;line-height: 170%;text-indent: 2em;color: #999}
.company .com_body .com_r a{display: block;width: 120px;height: 35px;background:#f0a20f;line-height: 35px;text-align: center;color: #fff;margin-top: 15px}
.company .com_body .com_r a:hover {background: #3791DD}
/*company end*/

/*equip start*/
.titLeft {text-align: left;}
.titLeft p {text-align: left;}
.bx-wrapper .bx-viewport {border: none; box-shadow: none; left: 0;}
.equipW .wrap {position: relative; top: 0px; opacity: 0;}
.equipW {margin: 30px 0 40px;}
.equipW ul li {float: left; width: 277px; margin-right: 30px;}
.equipCont {margin-top: 10px;}
.equipCont p {line-height: 20px; font-size: 15px; color: #202A30;text-align: center;}
.equipCont .line {height: 1px; margin: 12px 0 12px 0; background: #ccc;}
.equipCont a {margin-top: 10px;}
.equipW .bx-wrapper .bx-controls-direction a {width: 42px; height: 42px; margin: 0; top: 270px; text-align: center; line-height: 42px; font-size: 20px; background-color: #f0a20f; background-repeat: no-repeat; background-position: center; background-size: 12px; color: #fff; z-index: 99;}
.equipW .bx-wrapper .bx-controls-direction a:hover {background-color: #3FA5ED;}
.equipW .bx-wrapper .bx-controls-direction a.bx-prev {left: auto; right: calc(50% + 6px); background-image: url(../images/xq_jt_l.png);}
.equipW .bx-wrapper .bx-controls-direction a.bx-next {right: calc(50% - 45px); background-image: url(../images/xq_jt_r.png);}
.picList {position: relative;}
.picList .bg {position: absolute; width: 100%; height: 100%; top: 0; left: 0; transform: scale(0); transition: all .5s ease; background: rgba(63, 165, 237,0.8);}
.hoverBg:hover .picList .bg {transform: scale(1);}
.hoverBg img{width: 100%}
.picList .bg span {position: absolute; width: 40px;height: 40px;line-height: 40px; margin-right: 8px;text-align: center; background: #fff; color: #3FA5ED;border: 1px solid #fff;font-size: 20px;border-radius: 50%;left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0.7; z-index: 22;}
.picList .bg span i {display: inline-block; font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.picList .bg span i:after {content: "";}
.picList .bg span:hover {background: #3791DD;border-color: #fff;color: #fff;}
a.detail {display: block; height: 32px; width: 86px; text-align: center; line-height: 28px; font-size: 13px;border: 2px solid #D3D3D3;color: #888; border-radius: 18px;}
.hoverBg:hover a.detail {color: #fff; background: #3FA5ED; border-color: #3FA5ED;}
/*equip end*/

/*adv start*/

.adv .title1{overflow: hidden;}
.adv .adv_top{background:url(../images/adv_tbg.jpg) no-repeat center bottom;text-align: center;padding:20px 0 30px 0}
.adv .title1 .adv_title{height: 75px;width: 100%;background: url(../images/adv_title.png) no-repeat center left;}
.adv .adv_top p{font-size: 16px;color: #fff;line-height: 160%}
.adv .adv_bot{background:url(../images/ysbg.jpg) no-repeat center top;padding-top: 30px;padding-bottom: 50px;}
.adv .adv_bot img{width: 100%;padding-top: 50px;}
.adv .adv_bot .abb_r{padding-top: 0px}
.adv .adv_bot .abt_l,.adv .adv_bot .abt_r{padding: 15px 0;}
.adv .adv_bot .abb_l,.adv .adv_bot .abb_r{padding: 15px 0;}
/*adv end*/

/*jgfw start*/
.jgfw{padding: 50px 0}
.jgfw ul.jgfw_list > li:nth-child(1) {border-top: 1px solid #dfdfdf}
.jgfw ul.jgfw_list > li{width: 100%;line-height: 82px;border-bottom: 1px solid #dfdfdf;border-left: 5px solid #f0a20f;border-right:1px solid #dfdfdf;padding-left: 40px;font-size: 18px;position: relative;}
.jgfw ul.jgfw_list > li i{font-size: 30px;float: left;display: block;width: 50px;height: 100%;}
.jgfw ul.jgfw_list > li:nth-child(4) i{font-size: 26px}
.jgfw_img img{width: 100%}
.jgfw ul.jgfw_list > li:hover {background: #3791DD;}
.jgfw ul.jgfw_list > li:hover > a{color: #fff}
.jgfw ul.erji{display: none;position: absolute;left: calc(100% + 1px);top:0;background:rgba(0,0,0,0.6);width: 200px;}
.jgfw ul.erji li{line-height: 30px;text-align: center;}
.jgfw ul.erji li a{display: block;color: #fff;font-size: 15px;line-height: 40px}
.jgfw ul.jgfw_list > li:hover ul.erji{display: block;}
.jgfw ul.erji > li:hover {background:#3791DD;}
/*jgfw end*/

/*hezuo start*/
.hezuo{padding: 30px 0;background: url(../images/hezuobg.jpg) no-repeat center bottom;}
.multipleColumn{ overflow:hidden; position:relative;}
.multipleColumn .bd{padding:10px; overflow:hidden;}
.multipleColumn .bd ul{overflow:hidden;zoom:1;width:200px;float:left; _display:inline;}
.multipleColumn .bd ul li{margin:0 15px; _display:inline;overflow:hidden;text-align:center;}
.multipleColumn .bd ul li:nth-child(1) {padding-bottom: 20px}
.multipleColumn .bd ul li .pic{text-align:center;}
.multipleColumn .bd ul li .pic img{width:170px;display:block;padding:2px;border:1px solid #ccc;}
.multipleColumn .bd ul li .pic a:hover img{border-color:#999;}
.multipleColumn .bd ul li .zi a{line-height:24px;color: #fff;}
/*hezuo end*/

/*new start*/
.new{padding: 40px 0 ;}
.new .new_box img{width: 100%}
.new_body ul{padding-top: 10px;border-top: 1px solid #dfdfdf;margin-top: 10px;}
.new_body ul li{font-size: 14px;line-height: 35px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding:0 15px 0 30px;background: url(../images/lx.png) no-repeat 10px center ;border:1px solid #dfdfdf;margin: 0 0 10px;}
.new_body ul li:hover {background: url(../images/lx1.png) no-repeat 10px center #3698E1;color: #fff}
.new_body ul li:hover a{color: #fff}
.new_body p{font-size: 17px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 200%;padding-top: 5px}
.new_body p:hover {color: #00A8A9}
.new_body em{font-size: 14px;color: #888;text-indent: 2em;display: block;}
/*new end*/

/*footer start*/
.footer{background: url(../images/footbg.jpg) no-repeat center;padding: 1.5% 0 1.5% 0;}
.footer .foot_xl{float: left;width: 15%;padding: 0 15px}
.footer .xl4{width: 40%;background: url(../images/line1.jpg) repeat-y 400px 0;}
.footer .xl5 img{padding-top: 15px;width: 100%}
.footer .f_title{width:85px;font-size: 17px;color: #fff;padding-bottom: 10px;border-bottom: 2px solid #dd0000}
.footer .f_title a{color: #fff}
.footer ul{margin-top: 10px;}
.footer ul.ksdh li{color: #fff;height: 30px;line-height: 30px;}
.footer ul.ksdh li a{display:block;color: #fff;height: 25px;line-height: 25px;}
.foot_bot{background: #0068c0;line-height: 35px;color: #fff;text-align: center;}
.foot_bot span{font-size: 14px;padding: 0 10px;}
.foot_bot span a{color: #fff}
/*footer end*/

@media (min-width: 993px) {
	.pcnone{display: none;}

	/*header start*/
	nav{height: 55px;line-height: 55px;background: url(../images/navbg.jpg) no-repeat center #3FA5ED}
	.flexnav {overflow: visible;}
    .flexnav.one-page {top: 0;right: auto;max-width: 1080px;}
    .flexnav li {position: relative;list-style: none;float: left;display: block;width: 12.5%;overflow: visible;z-index: 999999;border:none;}
    .flexnav > li{background: url(../images/nav_bor.png) no-repeat center left;}
    .flexnav li:nth-child(1) {background: none}
    .flexnav li > a{line-height:55px;color: #fff;}
    .flexnav li > ul {position: absolute;top: auto;left: 0;display: block;}
    .flexnav li > ul li {width: 100%;height:45px;line-height:45px}
    .flexnav li ul li a {border-bottom: none;line-height: 45px;font-size: 15px;color: #333}
    .flexnav li ul.open {display: block;opacity: 1;visibility: visible;z-index: 99;}
    .flexnav li ul.open li {overflow: visible; max-height: 100px;}
    .flexnav li ul.open ul.open {margin-left: 100%;top: 0;}
    .flexnav li .touch-button{display: none;}
	.menu-button {display: none;}
	.flexnav li:hover > a{background: #F0A20F;color: #fff;}
	.flexnav li ul li:hover a{background: #F2AB27;color: #fff;}

	/*equip start*/
	.equipW ul li{width: 277px!important;}

	/*adv start*/
	.adv .adv_bot .ab_t .ac_top {height: 90px;background:url(../images/ys_01.png) no-repeat center;background-size: 100% auto;padding-top: 5px}
	.adv .adv_bot .ac_top b{font-size: 24px;padding-left: 145px;color: #fff;line-height: 60px;}
	.adv .adv_bot .ac_top small{padding-left: 110px;font-size: 1em;text-transform: uppercase;line-height: 170%;color:#777;}
	.adv .adv_bot .adv_con ul{padding:1% 0px 1% 55px;}
	.adv .adv_bot .adv_con ul li{padding: 5px 0 0 0;line-height: 160%;font-size:15px;padding-left: 25px;background:url(../images/fk.png) no-repeat left top;color: #fff}
	.adv .adv_bot .ab_t .adv_con:nth-child(2) .ac_top{height: 90px;background:url(../images/ys_02.png) no-repeat center;background-size: 100% auto;padding-top: 5px}	
	.adv .adv_bot .ab_b .adv_con .ac_top{height: 90px;background:url(../images/ys_03.png) no-repeat center;background-size: 100% auto;padding-top: 5px}
	.adv .adv_bot .ab_b .adv_con:nth-child(2) .ac_top{height: 90px;background:url(../images/ys_04.png) no-repeat center;background-size: 100% auto;padding-top: 5px}	

}

/*小屏幕电脑*/
@media (min-width: 993px) and (max-width: 1200px) {

    .search .tel{font-size: 15px;}
    .search .sear{padding-right: 15px}
    .search form{width: 380px;}
    .search_form{position:relative; height:35px; margin:7px 0;display:block;}
    .sinput{width:300px; height:35px;}
    .sbtn{height:35px;}

    /*product start*/
    .product .pro_l{padding-top: 97px;background: url(../images/pl_top.png) no-repeat center top #e6e6e6;background-size: 243px 97px}
	.pro_l ul.pro_list{padding: 10px 0 10px;}
	.pro_l ul.pro_list > li{line-height: 35px;font-size: 15px}
	
	.pro_l .lx_box{padding: 20px 20px 20px;height: 230px;background: url(../images/lxbg1.jpg) no-repeat center top;}
	.pro_l .lx_box b{color: #fff;text-align: center;line-height: 40px;font-size: 20px;display: block;padding-top: 8px}
	.pro_l .lx_box p{color: #fff;padding-top: 3px;font-size: 15px}
	.pro_l .lx_box p span{display: block;padding-left: 60px;}
	.pro_l .lx_box p.p1{padding-left: 60px}
	/*login start*/
	.login_l b{font-size: 24px;line-height:270%;}

	/*company start*/
	.company .com_body {margin-top: -90px}
	.company .com_body .com_r{height: 242px;}
	.company .com_body .com_r i{font-size: 19px;line-height: 19px;margin-bottom: 10px;}
	.company .com_body .com_r p{font-size:14px;line-height:160%;width:100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5!important;-webkit-box-orient: vertical;}
	.company .com_body .com_r a{height: 33px;line-height: 33px;}

	.equipW ul li{width: 305px!important;}
	.equipW .bx-wrapper .bx-controls-direction a{top: 290px}

	/*adv start*/
	.adv .adv_bot .ab_t .ac_top {height: 75px;background:url(../images/ys_01.png) no-repeat center;background-size: 100% auto;padding-top: 5px}
	.adv .adv_bot .ac_top b{font-size: 1.3em;padding-left: 120px;color: #fff;line-height: 260%}
	.adv .adv_bot .ac_top small{padding-left: 95px;font-size: 0.8em;text-transform: uppercase;line-height: 170%;color:#777;}	
	.adv .adv_bot .adv_con ul{padding:1% 0px 1% 10px;}
	.adv .adv_bot .adv_con ul li{padding: 5px 0 0 0;line-height: 160%;font-size: 0.9em;padding-left: 25px;background:url(../images/fk.png) no-repeat left top;}
	.adv .adv_bot .ab_t .adv_con:nth-child(2) .ac_top{height: 75px;background:url(../images/ys_02.png) no-repeat center;background-size: 100% auto;padding-top: 5px}
	.adv .adv_bot .ab_b .adv_con .ac_top{height: 75px;background:url(../images/ys_03.png) no-repeat center;background-size: 100% auto;padding-top: 5px}
	
	
	/*jgfw start*/
	.jgfw ul.jgfw_list > li{width: 100%;height: 65px;line-height: 65px;padding-left:15px;}

	/*footer start*/
	.footer .foot_xl{float: left;width: 15%;padding: 0 15px}
	.footer .xl4{width: 40%}

}

/*手机及平板*/
@media (max-width: 992px) {	
	.wapnone{display: none;}

	/*header start*/
	.header .head_tel{display: none;}
	.header .head_top{display: none;}
	.header .head_body{height: 60px;}
	.header .head_body .logo img{height: 50px;margin: 5px 0 5px 10px;}
	.header .menu-button{display: block;padding: 8px 10px 6px;border: 1px solid #ccc;border-radius: 5px;margin:12px 10px 12px 0;}
	.header .menu-button > i{display: block;margin-bottom: 3px;width: 20px;height: 2px;background: #ccc;}
	.header .menu-button .navicon{display: none;}

	/*banner start*/
	.callbacks img{
		display:block;
		position:relative;
		z-index:1;
		height:auto;
		border:0;
	    left: 50%;
	    transform: translate3d(-50%, 0, 0);
	    width: calc(1.5*100%);
	}

	/*search start*/
	.search{height: auto;padding: 1% 0;background: #dfdfdf;top: 0;z-index: 0}
	.search .tel{text-align: center;float: none;line-height: 52px}
	.search .sear{float: none;margin:0 auto;width: 80%;padding: 0px;}
	.search form{width: 100%;}
	.search_form{position:relative; height:38px; margin:0 0 15px 0;display:block;}
	.sinput{float:left; width:70%; height:38px; }
	.sbtn{float:left; width:30%; height:38px; }

 
	/*product start*/
	.product{padding: 30px 0}
	.pro_l{padding: 0px;background: none}
	.pro_l ul.pro_list{padding: 0 15px;}
	.pro_l ul.pro_list > li {width:32.3%;margin: 10px auto;background: none;line-height: 40px;padding-left: 0px;font-size: 16px;background: #3FA5ED;float: left;text-align: center;margin-left: 1%;}
	.pro_l ul.pro_list > li:hover {background-image: none}
	.pro_l ul.pro_list > li:hover ul.erji{display: none;}
	.pro_l ul.pro_list > li a{color: #fff}
	.pro_l .lx_box{display: none;}
	.pro_r li:nth-last-of-type(1) {display: none;}
	/*login start*/
	.login img.jt{ transform:rotate(90deg)}

	/*company start*/
	.company{background-size: cover}
	.company .title{position: relative;top: 0px;left: 0px}
	.company .title p{font-size: 15px;line-height: 20px}
	.company .com_body {margin-top: 0px}

	.company .com_body .com_l .cl_top{display: none}
	
	.company .com_body .com_l img{padding: 15px;}
	.company .com_body .com_r{height: auto;background: none;padding: 15px;margin-top: 0px;text-align: center;}
	.company .com_body .com_r p{font-size: 15px;line-height: 160%;width:100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5!important;-webkit-box-orient: vertical;}
	.company .com_body .com_r a{margin: 15px auto 0}
	.company .com_body .com_r a:hover {background: #3791DD}

	/*equip*/
	.equipW {margin-top: 30px;}
	.equipW .bx-wrapper .bx-controls-direction a {top: -60px;}
	.equipCont {margin-top: 10px;}
	.equipCont .line {margin: 6px 0;}
	.equipCont p {font-size:16px;line-height: 20px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
	.equipW .bx-wrapper .bx-controls-direction a {top: 245px}
	.equipW ul li {margin-right: 15px;}

	/*adv start*/
	.adv .title1 {text-align: center;}
	.adv .title1 .adv_title{height: 50px;width: 100%;background: url(../images/adv_title.png) no-repeat center;background-size: 197px 50px}
	.adv .adv_top{background:url(../images/adv_tbg.jpg) no-repeat center bottom;padding: 10px 0 20px;background-size: cover}
	.adv .adv_top b{font-size: 1.5em;}
	.adv .adv_top p{font-size: 0.9em;text-align: center;}
    .adv .adv_top img{width: 90%}
	.adv .adv_bot .ac_top {background:none;text-align: center;}
	.adv .adv_bot .ac_top b{font-size: 1.2em;color: #fff;line-height: 170%}
	.adv .adv_bot .ac_top small{font-size: 0.8em;text-transform: uppercase;line-height: 170%;color:#777;}
	.adv .adv_bot .adv_con{padding: 0 15px}
	.adv .adv_bot .adv_con ul{padding:1% 0px;}
	.adv .adv_bot .adv_con ul li{padding: 5px 0;line-height: 160%;font-size: 0.9em;padding-left: 20px;background:url(../images/fk.png) no-repeat left 2px;color: #fff;background-size: 15px;}
	.adv .adv_bot{padding-bottom: 6%;background-size: cover}
    .adv .adv_bot img{padding-top: 0px}

	/*footer start*/
	.footer .foot_xl{width: 50%;margin-top: 10px}
	.footer .xl1,.footer .xl2,.footer .xl3{display: none;}

     .suspension{display: none;}
}

/*平板*/
@media (min-width: 768px) and (max-width: 992px) {
	/*equip start*/
	.equipW ul li{width: 240px!important;}


	/*jgfw start*/
	.jgfw ul.jgfw_list > li{width: 50%;height: 45px;line-height: 45px;padding-left:40px;float: left;}
	.jgfw ul.jgfw_list > li:nth-child(2) {border-top: 1px solid #dfdfdf;}
	.jgfw ul.jgfw_list > li:nth-child(3) {border-top: 1px solid #dfdfdf;}
	.jgfw ul.jgfw_list > li:hover ul.erji{display: none;}

	/*footer start*/
	.footer .xl4{width: 65%}
	.footer .xl5{width: 35%}
	.footer .xl5 img{width: 60%}
	


}

/*手机*/
@media (max-width: 767px) {
    .title{width: 100%;background:none;padding: 0px; }
	.title b{font-size: 27px}
	.title p{padding: 5px 0 10px}
	/*company start*/
	.company{padding: 30px 0;}
	

	/*product start*/
	

	/*login start*/
	.login img.jt{top: calc(50% - 50px)}
	.login_l{height: 120px;}
	.login_l b{font-size: 20px;padding-top: 0px;letter-spacing: 0px}

	.login_r{height: 190px}

	.inputs{width: 70%;padding-left:0px;padding-top: 25px}
	.inputs input{width: 95%; border: 1px solid #eaeaea;}
	.submit{padding-top: 25px}

	/*company start*/
	.company{padding:30px 0}

	/*equip*/
	.equipW ul li {margin-right: 10px;}
	.equipW .bx-wrapper .bx-controls-direction a {width: 36px; height: 36px; top: auto;}
	.bottom {padding: 30px 0;}
	.bottom .left {width: 100%;}
	.bottom .right {float: left;}


	/*jgfw start*/
	.jgfw ul.jgfw_list > li{width: 50%;height: 45px;line-height: 45px;padding-left:20px;float: left;font-size: 14px;}
	.jgfw ul.jgfw_list > li:nth-child(2) {border-top: 1px solid #dfdfdf;}
	.jgfw ul.jgfw_list > li:hover ul.erji{display: none;}
	.jgfw ul.jgfw_list > li i{width: 37px;}

	/*hezuo start*/
	.hezuo{padding: 30px 0}
	.multipleColumn .bd ul{ width:160px;}
	.multipleColumn .bd ul li{ margin:0 10px;}
	.multipleColumn .bd ul li .pic img{ width:140px; height:70px;}
	.multipleColumn .bd ul li .title a{ line-height:24px;color: #fff;}

	/*new start*/

	/*footer start*/
	.footer .xl4{width: 50%}
	.footer .xl5{width: 50%}
	.footer .xl5 img{width: 100%}

}